<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标移入移出效果</title>
    <style>
        #other{
            cursor:pointer;/* 光标呈现为指示链接的指针*/
        }
        #other input{
            vertical-align: middle;/*属性设置元素的垂直对齐方式*/
        }
        .content{
            width: 250px;
            border: 1px solid #ff6600;
            padding: 10px;
            line-height: 30px;
            background: yellow;
            display: none;
        }
    </style>
</head>
<body>
<div id="other">
    <input type="checkbox">两周内自动登陆
</div>
<div class="content">
    为了您的信息安全，请不要在网吧或公共电脑上使用此功能！
</div>
</body>
</html>
    <script src="js/jquery-1.10.1.js"></script>
    <script>
        //等待页面所有DOM元素夹杂完毕之后在执行
        $(function () {
            $("#other").hover(function () {
                $(".content").show();
            },function () {
                $(".content").hide();
            })
        });
    </script>
